/**
 * Stylesheet dedicated to the menu tab skinning. It defines the look and feel 
 * properties like colors, border colors, background images. This idea is the one used 
 * by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */
 
/* Main styles */
.menuTab {
	background: #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
}

.menuTab:after {
	box-shadow: 0px 2px 6px #d7d7d7;
}

/* Menu tab content */
.menuTab>.menuTabContent{
	background: no-repeat url('../icons/header/logo.png');
}

/* Icon of a menu tab item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIcon{
	cursor: pointer;
}

/* Icon of the menu tab "gallery" item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIconGallery{
	background-image: url('../icons/menuTab/black/gallery.png');
}

.menuTab>.menuTabContent .menuTabItems>.menuTabIconGallery:hover{
	background-image: url('../icons/menuTab/colorized/gallery.png');
}

/* Icon of the menu tab "home" item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIconHome{
	background-image: url('../icons/menuTab/black/home.png');
}

.menuTab>.menuTabContent .menuTabItems>.menuTabIconHome:hover{
	background-image: url('../icons/menuTab/colorized/home.png');
}

/* Icon of the menu tab "my account" item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIconMyAccount{
	background-image: url('../icons/menuTab/black/account.png');
}

.menuTab>.menuTabContent .menuTabItems>.menuTabIconMyAccount:hover{
	background-image: url('../icons/menuTab/colorized/account.png');
}

/* Icon of the menu tab "search" item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIconSearch{
	background-image: url('../icons/menuTab/black/search.png');
}

.menuTab>.menuTabContent .menuTabItems>.menuTabIconSearch:hover{
	background-image: url('../icons/menuTab/colorized/search.png');
}

/* Icon of the menu tab "subscribe" item */
.menuTab>.menuTabContent .menuTabItems>.menuTabIconSubscribe{
	background-image: url('../icons/menuTab/black/subscribe.png');
}

.menuTab>.menuTabContent .menuTabItems>.menuTabIconSubscribe:hover{
	background-image: url('../icons/menuTab/colorized/subscribe.png');
}

/* Single menu tab item */
.menuTab>.menuTabContent .menuTabItems>.menuTabItem{
	border-right: 1px groove gray;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
}

/* Last menu tab item */
.menuTab>.menuTabContent .menuTabItems>.menuTabItem:last-child{
	border-right: none;
}